<template>
  <div class="order-append-form">
    <a-form :model="form" layout="inline">
      <a-form-item label="客户ID - 客户名">
        <a-input style="width: 600px;" :value="form.idName" disabled/>
      </a-form-item>
    </a-form>
  </div>
</template>

<script>
import {
  getNameById
} from '@/utils/commonFunc.js';

export default {
  name: "OrderAppendForm",
  props: {

  },
  data() {
    return {
      form: {
        idName: ''
      },
    };
  },
  computed: {
    id() {
      return this.$route.params.clientId;
    },
  },
  mounted() {
    const id = this.id;
    const name = getNameById(this.$store.state.clientsCache, id);
    this.form.idName = `${id} - ${name}`;
  },
  watch: {

  },
  methods: {

  },
  components: {

  },
};
</script>

<style scoped lang="scss">

</style>
